<template>
	<view class="listright">
		<view class="author-img">
			<image class="img" src="../static/img/8872080_peachkite_1616696386.png"></image>
		</view>
		<view class="iconfont icon-aixin right-box"></view>
		<view class="number">
			653123
		</view>
		<view class="iconfont icon-pinglun right-box"></view>
		<view class="number">
			3123
		</view>
		<view class="iconfont icon-share-fill right-box"></view>
		<view class="number">
			312
		</view>
		<view class="around">
			<image src="../static/img/b.jpg" class="img"></image>
		</view>
	</view>
</template>

<script>
</script>

<style>
	.listright {
		width: 50px;
		margin: 0 auto;
	}

	.author-img {
		height: 50px;
		width: 50px;
		border-radius: 50%;
		border: 2px solid #FFFFFF;
	}

	.img {
		height: 50px;
		width: 50px;
		border-radius: 50%;
	}

	.right-box {
		width: 50px;
		height: 40px;
		margin-top: 13px;
		text-align: center;
		line-height: 40px;
		color: #FFFFFF;
		font-size: 33px;
	}

	.number{
		font-size: 10px;
		text-align: center;
		color: #FFFFFF;
	}
	.around{
		margin-top: 15px;
	}
</style>
